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عبارة عن صفحة ويب 306 «اعل/الا أو أكثر مترابطة مع بعضها تحت اسم معين موقع الويب له عنوان على 
شبكة الإنتونت يسمى بعنوان الموقع 28001655 ط٠۷‏ ويمكن زيارة موقع الويب من خلال الكمبيوتر أو 

د انهائف اليخول.. 

ت صفحة الويب ووم Web‏ : 

۾ هی مستند به مختؤاق إلكتراونى ينشر على شبكة الانترنت ويتم عرضه من خلال مستعرض الانترنت . 

:Home Page الصفحة الرئيسة‎ © 

| هى أول صفحة بموقع الويب والتى م خلاله يتم الانتقال لباقى صفحات الموقع . 

عناصر صفحة الويب : صور ->#نضوظللتت”,صوت - فيديو - ارتباط تشعبى 


م أنواع صفحات الويب :- 
و -١ ٠‏ صفحات الويب الثابتة و 0ج Web‏ 51316:: 

محتواها معد مسبقاً بواسطة مصمم الصفحة ويظل اهذا المحتواى ثابتاً وتستخدم صفحات الويب الثابتة لعرض 
المعلومات يتم الاطلاع عليها فقط بدون إمكانية إجراء أىْ,معالجة من الزائؤين لمحتواها وتستخدم أوامر 
1 فى تصميم الصفحات 

مكونات صفحة الويب الثابتة ( نصوص ‏ صور - لقطات فيديو ). 


: Interactive Web Page صفحة الويب التفاعلية‎ - 

هى صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل والمعالجة ولتصميم هذاالنوع مْإصفحات الويب 
تستخدم أوامر 1۲11 بالاضافة للغات اخرى مثل 561101 312ل و لغة ٥١۲‏ وغيرااها 

مكونات صفحة الويب التفاعلية هى صفحة تستقبل بيانات وتقوم بمعالجة واخراج نتائج للمستخدم 


أعداد : الاستاذة آماله 


لكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
الفصل الاول 
السؤال الاول : أكمل العبارات التالية : 


12155 7 01111111 : موقع الويب هو‎ -١ 


۳ الصفحة الرئيسية : 
ب صفحات الويب الثابتة 
٥‏ الضفحة التفاعلية : 
لسؤال الثانييا: 
حمل موقع الوزاراة«الإتصالات وتكنولوجيا المعلومات عه.211.507م1. 77717171717 
ه تعرف على الصفحة الأئيسية الييقع . 
حدد كحتويات الصفحة الرئيملية للموگع ( نصوص - صور - فيديو - ارتباط تشعبى ) 
حدد هل الصفحة الرئيسية للموقع صفحة ويب ثابتة أم صفحة ويب تفاعلية . 
تجول داخل صفحات الموقع لتتعرف على مختويناتةاكل صّفحة وحدد هل الصفحة ويب ثابتة أم صفحة 
ويب تفاعلية 


الفصل الثانى : مراحل 3 


مراحل تصميم وإنشاء موقع الويب : 


المرحلة الاولى : التخطيط لبناء موقع الويب 
المرحلة الثانية : تصميم صفحات الويب للموقع 
المرحلة الثالثة : الإعداد والتجهيز لصفحات الويب 
المرحلة الرابعة : مرحلة تنفيذ صفحات الويب 
المرحلة الخامسة : نشر الموقع عبر الانترنت 


أعداد : الاستاذة آماله 


تر وتكتولوجيا المعلومات والاتصالات 

2 الصف الثانى الاعدادى 
ص المرحلة الاولى : التخطيط لبناء موقع الويب ٠‏ 

عمل رسم تخطيطى بسيط على الورق يتضمن صفحات الموقع الصفحة الرئيسة للموقع وصفحات الويب المرتبطة 

بها 

تحديد البيانات والمعلومات التى تتضمنها صفحات الويب كمعلومات وخدمات تقدم من خلال الموقع 

مثال تصميم موقع للمدرسة تخطيط للموقع من خلال الاسم والموضوع الذى سوف يعرض بالموقع تحديد صفات 

الموقع من صفحة رئيسية وصفحات الموقع ووضع تخطيط للصفحات 


الفصل الدراسى الاول 


الرؤية والرسالة 
المرحلة الثانية : تصميم صفحات الويب الموقع: 

تصميم شكل الصفحة الرئيسية وصفحات الموقع 

تحديد التنسيقات المختلفة لصفحات الويب مثل لون الخلفية وخجم الخط ونوعه وأماكن وضع النصوص 
والصور ولقطات الفيديو بصفحات الويب 

تحديد الارتباطات التشعبية داخل الصفحة الرئيسية وصفحات الموقع 

| المرحلة الثالثة : الأعداد والتجهيز لصفحات الويب : 


: إعداد وتجهيز النصوص‎ -١ 

أعداد وتجهيز البيانات النصية وحفظ النص داخل ملف نص ووضعه داخل مجلد 
"- إعداد وتجهيز الصور : 

إعداد وتجهيز ملفات الصور وحفظها داخل مجلد 
۳- إعداد وتجهيز الصوت والفيديو : 

إعداد وتجهيز ملفات الصوت والفيديو وحفظها داخل احد المجلدات 

جميع الملفات تكون داخل مجلد واحد 


ETE ا ا‎ EET 


© أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
هى مرحلة تحويل التصميم الورقى بالمراحل السابقة إلى صفحات ويب يمكن عرضها من خلال أحد برامج 
متصفحات الانترنت 
اضافة البيانات ( نصوص - صور - صوت - فيديو ) فى صفحات الويب 
إنشاء الارتباطات التشعبية بين صفحات الويب حتى يسهل التنقل بين صفحات الموقع من خلال أوامر HM‏ 


و المرحلة الخامسة : نشر الموقع عبر الانترنت 
| هذ#االمرلةتتضمرً حجز عنوان للموقع وتخصيص مساحة تخزينية للموقع على أحد أجهزة الخادم ونشر 
الموقع بالانترنت . 
الفصل الثانى 
السؤال الاول ٠‏ أكمل: 


أولاً : تصميم وإنشاء موقع الويتك#يطر بعدة مراحل هى : 


أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
١‏ الثالث : إنشاء ملفات الصوت 
أولاً: مرحلة الاعداد والتجهيز لإنشاء ملف الصوت : 
١‏ الإعداد والتجهيز بجمع بيانات عن المدرسة أو موضوع تصميم الموقع 


مثل اسمبالمدرسة - الادارة التعليمية - المحافظة ‏ المسابقات التى اشتركت بها المدرسة - المراكز التى 
حطللت عَلِيها المدرسة بالمسابقات - شهادات تقدير - الانشطة الصفية - الرحلات المدرسية ثم كتابة البيانات 
ببرنامج منسقات التصوص والتنسيق لها وحفظ البيانات داخل ملف نصى 


"- الإعداد والتجهيز للبرامجيات 
تثبيت أحد برامج إنشاء ومتعالجة الضوت على الكمبيوتر مثل Audacity‏ 
۳- الإعداد والتجهيز المكوناتهالمدادية 


ه توصيل الميكروفون ح!!/! بالكمقتؤتر 
ه توصيل السماعة 506212615 بالكتلبيوتر 


ثانياً: مرحلة التنفيذ لإنشاء ملف الصوت : 


اول : تحميل برنامج إنشاء ومعالجة الصوت : تحميل برنامج '[21003611 وهو أحد برامج مفتوحة المصدر 
ويعمل على انظمة التشغيل مثل انا ١!آ-ا‏ - 5/لا110101لالا من خلال الراببظ 


.http://audacity.Solsceforge.net, 
: الشاشة الافتتاحية‎ 


Capture Onl v 2 زمممممة]‎ Recor ~ 34 Primary Sound بماك‎ 
E mgm -<| | هاج هراهر‎ 
30 40 0 <» 


أعداد : الاستاذة آمال ه 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
ثانياً : تسجيل الصوت : 


فل مما © 
-١‏ الضغط على ر تسجيل Record button‏ ل 
؟- قراءة البيانات التى تم حفظها بملف نصى باستخدام الميكروفون 


"- الانتهاء قثن التسخيل ,الضغط على زر ايقاف 5107 

4- الضغط على زر التشغيل ةا" /” للاستماع الى الصوت من خلال السماعات 
ثالثاً: التعديل فى الصوت أو بكفطع ,الظلوت : 
إضافة تاثير على مقطع الصوت : 

-١‏ تشغيل الصوت بالضغط على زر الشغيل إجا٣س‏ /” والآستماع اليه 


"- تحديد مقطع الصوت المطلوب إضافة التاثير له وذلك بالضغط والسحب على الجزء المطلوب بالصوت 
باستخدام مؤشر الفارة على ال شريط الزمنى 


۳- من قائمة 278601 اختار أحد التاثيرات المطلوبة مثل ( تاثير التكرار 86621 و تاثير الانككاسن 
Reverse‏ ( 
5 - إعادة تشغيل الصوت بعد إضافة التاثير 


# أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى لفصل الدراسى الاول 


قصل ولط مقطع,صوتى : 
تحدي د المقطع التوتى المطلوب قصه 
فتح قائمة اع خت الام Cut‏ 
تحريك مؤشر الفارة بالشريطالزمنى الى المكان المطلوب عمل لصق للمقطع الصوتى 
من قائمة 011 اختر الامر 63516 


حذف مقطع من الصوت : 
تحديد المقطع الصوتى المطلوب حذفه 
الضغط على مفتاح 1616© من لوحة المفاتيح 


أ تصدير ملف الصوت ٠‏ 


من قائمة File‏ اختار Export Audio‏ 
اختيار المكان وتحديد الامتداد المناسب لملف الصوت وكتابة اسم للملف 
كتابة معلومات عن الملف ثم أضغط )© 


# أعداد : الاستاذة آمال ه 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


le aoe keys (or ITER ley aer مامودهه ذا لوعكب‎ feds. 
Vake 


أنواع أمتداد ملقات الصؤت”,: 
هناك أنواع مختلفة لامتدادا الصوتا مّثل ۷۸۷ و1/1523 وهى تختلف فى جودة ونقاء الصوت والمساحة 
التخزينية وتحديد نزع الامتداد يكون حسب الملف 
ملف الصوت ذو الامتداد ۷۸۷ يتميز بالجودة والوضوح له سعة تخزينية كبيرة وهو غير ملائم للنشر عبر 
مواقع الانترنت 
ملف الصوت ذو الامتداد 1/153 يكون فيه الصوت أقل نقاء بالمقارنة مع الملف ذو الامتداد ۷۸۷ له . 
الفصل الثالث 
السؤال الاول : أكمل التالى : 


لإنشاء ملف صوت يتم اتباع التالى : 


٠‏ اختر أحد الموضوعات الدراسية لأحد المواد الدراسية 
ه جمع بيانات حول الموضوع الدراسى 

٠‏ انشئ ملف صوتى حول الموضوع الدراسى 

e‏ صدر ملف الصوت بامتداد مناسب 


# أعداد : الاستاذة آمال ه 


SEE‏ عه !عه ا عاض عدا عه | ةا عه عه اه اع !عه اع عه ا عه عا E‏ عه عله عله عله عله عله 


5 الكمبيوتر وتكنولوجيا المعلومات والاتصالات 002 
الصف الثاني الاعدادى الفصل الدراسى الاول 
الفصل الرابع : إنشاء ومعالجة ملفات الفيديو 


ع1 ع اع ع ع 2 
ا ع 6 6 6 6 25862 
7 


= 


برامج إنشاء ومعالجة الفيديو هى تلك البرامج التى تمكن المستخدم من إنشاء وتعديل ملفات الفيديو من خلال 
احتوائها على العديد من الأدوات والوسائل والتأثيرات التى تساعد المستخدم فى إنشاء ومعالجة لقطات الفيديو 
بطريقة سهلة وسريعة ومنها برنامج 51101 06137 وهى برامج مفتوحة المصدر وتعمل على نظام التشغيل 

لانال أ ا ونظام التشغيل 10101//5آلالا وهناك برامج اخره مثل Movie Nlaker‏ . 


EEEEE 


EEE 


تحميل برنامج إنشاء ومعالجة الفيديو والتعرف 
تحميل برنناظج 076229104) لإنشاء ومعالجة الفديو من خلال الرابط 


111 5 


676 6 6 616 


6 6 


مميزات برنامج )0داكيظء()0: 

-١‏ يمكن من انتاج فيديو ذات جودة"عالية من الصور والخلفيات وإضافة مقاطع صوتية 
؟- سهولة واجهة البرنامج 

۳- اضافة التاثيرات والمراحل الانتقالية#كقواصل بين الصور 

؛- إضافة النصوص 


EEEEEEE 


Fle Ede Tale Vim Help 
حم مه لا فيا ما‎ FH 
Project Files Video Previme 


Show All Vîdeo Aıdio Imag 


مكونات واجهة البرنامج : 
١‏ الشريط الرئيسى 1001121 ہNai.‏ 
۲ ملفات المشروع .Project Files‏ 
۳- تبويب الوظائف 71231 0010011017 لتنقل بين ملفات المشروع - ملفات الصور - ملفات الصوت 


.Preview Window معاينة الفيديو‎ - 4 


0 الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
٥۔‏ شريط التحرير 100121 .Edit‏ 


"- التصغير والتكبير 5110161 200117 
۷- راس القراءة Play head/Ruler‏ 
۸۔ الشريط الزمنى ©1!!| 11111 


00:00:39:15 


-١‏ المسطرة rماںR‏ تظهر المدى الزمنى الحالى بالشريط الزمنى 
؟- رأس القراءة ١1620‏ ها۴ يقرا الكليب/الحالئ/الذى يقف عليه فى الشريط الزمنى ليظهر فى نافذة 
معاينة الفيديو 
۳- الكليب الحالى يكون صورة أو صوت أو فيديو 
- المسارات 113615 المسارات تشبه الطبقات خيث يتم وضع صورة أو صوت أو لقطة الفيديو على المسار 
ويمكن استخدام عدد غير محدد من المسارات بالمشّزوع ويجب ملاحظة أن المسار الأعلى له الولوية فى 
القراءة بمؤشر القراءة ليظهر ما به فى الفيديو ثم يليه المسار,الذى اسفله وهكذا 


6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6) 6 6 6) 6 6 6) 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 م 


ا 


اول : تحميل برنامج ٤0طء‏ ١ءم0‏ واستيراد ملفات الصور داخل البرنامج 
من خلال الضغط علدزر استيراد ملفات ا أو فتح قائمة File‏ واختر Import Files‏ 
استيراد ملفات الصور من مجلد مدرستی لتظهر فى تبويب 15165 )ز٥٣۴‏ بالبرنامج 


أعداد : الاستاذة آمال مصطفى 


قر أ قل قله ms‏ كا علدا ل علدا لك لكا لك لكا خلك خلا حل طلا كلف | علد لك علد علد طلخل عل لك عك علد عل لك علد لك علد لد علد جلك علد علد علد علد علد لك علد علد علد لك كلك علد علد علد علد علد علد 


٠‏ الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
ثانياً : ترتيب الصور على الشريط الزمنى ©:11[ع1312؟: 


بالضغط مع السحب للصور فى نافذة ملفات المشروع 1515 4ع6ز151:0 
يتم وضع كل صورة فى المسار 17:21 الخاص بها مع ترتيبها على حسب الرغبة فى الظهور 
0 الصور فى نافذة المعاينة الفيديو 

تيب باقى الصور فى المسارات 15:21 على الشريط الزمنى 


ثالثاً : استيراد ملف الصوت داخل ل البرنامتج : 
لجعل الفيديو أكثر جاذبية وتاثير يتم إضافة موسيقى أواتعليق صوتى اليه 


ولاضافة ملف الصوت يتم الضغط على إضافة ملف فلا20 يط الرئيسى ثم اختيار الصوت المسجل او 
الموسيقى واضافة ملف الصوت 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى, الاعدادى الفصل الدراسى الاول 
رابعاً : معاينة الفيديو: 


لعمل المعاينة بالضغط على زر التشغيل :1123 > فى نافذة المعاينة . 


air Hepsi! rl‏ دم 


ونج و او 


حفظ مشرو ع الفیدیو P6 ec٤/‏ 527 : 
حفظ جميع ملفات الظلور والضوت المستخدمة فى الفيديو داخل مجلد محدد 
فتح قائمة 111 واختر وخراء» ز510ي5296 
تسمية المشروع بأسم "1ء " يجب ان يكون الأسماء المستخدمة باللغة الانجليزية " 
تحديد مكان الحفظ داخل مجلد '' 01:01" 
إغلاق البرنامج )5120 رءم0 إنشاء ومعالجة الفيديو 
ولاستكمال العمل فى مشروع الفيديو مرة اخرى يتم تحهيل برنامج )5120 6م07 ثم فتح المشروع ''1ع5" 
من داخل المجلد '' 101" 
ملاحظة هامة : 
أثناء العمل على برنامج )5120 مم0 من خلال نظام التشغيل 7771200155 
وحفظ المشروع نلاحظ أن رمز الملف "5911" يكون غير معرف ولربط الملف 
ببرنامج 51206 200612 يتم عمل اقتران من خلال : 
-١‏ الضغط بزر الفارة الايمن على رمز الملف " طء؟ " تظهر قائمة فرعية . 
۲ اختر من القائمة الفرعية Properties‏ ثم Change‏ ثم More Options‏ . 
"- اختيار .Look for another app on this PC‏ 
-٤‏ البحث عبر جهاز الكمبيوتر على المجلد الذى تم تثبيت برنامج 51204 رم0 به . 
5 اختيار اقتران الملف 45500120101 بالملف التنفيذى . 


# أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثاني الاعدادى الفصل الدراسى الاول 


لاحظ ان الملف يظهر ''ظء؟ " 


تعديل مشاهد الفيديو : 
بالفترة الزمنية المخصصة لعرض مشهد الفيديوام نا٣‏ 771060: 


عند عمل معاينة لمشاهد الفيديو صوت وصورة قد يكون الصوت فترتهالزمنية للعرض أكبر من الصور ويستمر 
الصوت مع انتهاء عرض الصور ولايقاف الصوت حتى يتلائم مع الصور من خلال 
-١‏ تحريك مؤشر القراءة بالضغط والسحب على راسه أو من الاسهم بلوحة المفاتيح حتى يصل لاخر مكان 
على الشريط الزمنى وينتهى عند ظهور اخر صورة 
"- الضغط على مسار ]77261 بالزر الايمن للفارة تظهر قائمة مختصرة 
۳- من القائمة المختصرة اختر شريحة الكليب Slic Clip‏ ثم keep left slide‏ 


Project Files 1 
Volume 


Separate Audio 
Keep Soth Sides © Z0 seconds 
Keep Left Side 
Keep Right Side 
Practice Tost 1.mp3 


۴ 


لكا 


© أعداد : الاستاذة آماله 


؛ للك كلك علد علد للك علد علد علد 


الكمبيو لوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
عند اختيار شريحة الكليب مزا ءء511 تظهر الاختيارات التالية : 


-١‏ عند اختيار 51105 130111 ءع12 يتم عمل انقسام فى الكليب الذى على المسار الى شرحتين مع الاحتفاظ 


بهما . 
؟- عن اختيار ©5110 1.646 م٥٥‏ يتم عمل انقسام فى الكليب الذى بالمسار الى شرحتين وإبقاء الشريحة 
اليسرى ومسح الشريحة باليمين 


۳ عندجااختيار ©5110 )داع 1+1 م٥٥‏ يتم عمل انقسام فى الكليب على المسار الى شرحتين مع غبقاء الشريحة 
التى باليمين'وميشح الشريحة باليسار 


فترة الزمنية المخخصصة لعرض مشهد ة :(Video Cli‏ 
- من خلال تحديد الفترة الزمنية للمشهد على الشريط الزمني. 
- بالضغط والسحب على رأس مؤشر القراءة وتحريكه حتى يصل للمكان المطلوب على 
الشريط الزمني. 
- الضغط على مسار المشهد 755361 بالزر الأيمن للفأرة» تظهر قائمة مختصرة. 
- اختيار أمر شريحة الكليب 0110© ©5116 - لينقسم المشهد لشريحتين وعند اختيار: 
- idesاs Both‏ مKee‏ يتم الإبقاء على الشريحتين (اليسرى واليمنى). 
- عك5!1 ftما Keep‏ يتم الإبقاء فقط على الشريحة اليسرى. 
- عكذا5 Keep Right‏ يتم الإبقاء فقط على الشريحة اليمنى. 


SEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 


-١‏ الضغط على تبويب 15ح1:16 للانتقال الى التاثيرات 
"- اختيار احد التاثيرات بالضغط والسحب واضافته للفيديو وعمل معاينة 


# أعداد : الاستاذة آما 


- ولحذف التآثير المضاف للمشهد القيديو يالضغط على زر القآرة الأيمن على رمز التأثير » لتظهر القاكمة 


المختصرة لحذف التآأثير "+1ع254 7596:0077" واختيار حذف التآثير ۔ 


ثالثاً:إضافة مراحل انتقالية 5101005 ه٣‏ لمشاهد الفيديو : 


-١‏ الضغط على تبويب الانتقالات 11281251610135 وتظهر المراحل الانتقالية 
"- الضغط مع السحب وإضافته للمشهد المطلوثب 


"- وضع المرحلة الانتقالية فى بداية أو نهاية المشهد 
؛- التحكم فى الفترة الزمنية لعرض المراحل الانتقالية بالضغط والسحب عليها أو زيادة الفترةوالزآمنية لها 
بالعرض 


© أعداد : الاستاذة آماله 


EFEEEEEEEEEEEEEEEEEEEEEEEEEEEEEFEEEEEEEEEEEEEEEEFEFEEEEEEEEEEEEEEEEEFEEEEEEEEEEEEEEEEEEEEEE 


بعد تحديد اآنصوص لوب إضافتها وتحديد الاماكن التى سوف يضاف اليها النص فى البداية او نهاية او وسط 
الفيديو من خلال 
- من قاتمة ©1141 يتم اختيار >13141ء. فيظهر المريع الحواري التالي: 
١-اختيار‏ قالب الخط “Select a template”‏ 
؟ -تغيير نوع الخط “Change Font”‏ 
“"-تغيير لون الخط "Text Color”‏ 
> -تغيير لون الخلفية 'Background Color”‏ 


د -حفظ النص في ملف "©5216" 


Template: Gold 1 


Line 1 


مدرسة الستية الاعدادية تليتات 


Text Color 


Use Advanced Editor 


save Cancel 


طراز الخط الط 
EEE‏ | | لتعصييطت]| 
Trebuchet MS Normal‏ 
TT Bold‏ 
n MT 8‏ 
n MT Condensed Bold FEalic‏ 
n MT Condensed Extra Bold‏ 


LIF<aah 


تآقيرات. 


حضولا 1ك و تر 
System‏ و دوتع ونيا 
Any‏ 


أعداد : الاستاذة آمال مصطفى 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثاني الاعدادى الفصل الدراسى الاول 
لون الخط : 


الضغط على زر حفظ 75256اذاخن ملفت»المشروع بالمربع الحوارى 
يجب تسمية الملف النصى بللغة الانجليزيية 
يظهر الملف النصى فى ملفات المشروع.و»1"11 )60 ز11-0 


إضافة الملف النصى الى مشاهد الفيديو بالضّغطإمع#الشحب. على ملف النص وإضافته الى أحد المسارات . 


تصدير الفيديو إلى ملف بامتداد مناسب : 


بعد الانتهاء من المشروع ووضع جميع مشاهد الفيديو والتعديل ووضع التاثيرات والمرحل الانتقالية.نقوم 
يتصدير الفلقك بامقداة ماسب 
-١‏ الضغط على زر التصدير الفيديو | © 0 :مم1 فى القائمة الرئيسة أو من خلال قائمة 1”11 
اختر 1771060 120016 يظهر مربع حوارى 
"- اكتب اسم الملف الفيديو ممصNa‏ 111 
*- تحديد مكان الحفظ على جهاز الكمبيوتر فى أحد وسائط التخزين 22412 1"01061 
-٤‏ تحديد نوع امتداد الملف الفيديو اع :1'21' 


# أعداد : الاستاذة آماله 


عدا داد علدا عدا عدا طد اداد ألا علدا عل لك غلك أضلة أظلة اعدا 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
ه- تحديد مستوى جودة الملف ( عالى الجودة - متوسط الجودة - قليل الجودة 00211659© 


5- الضغط على زر تصدير الفيديو 171060 ]10201 
۷- تشغيل ملف الفيديو ومشاهدته 


File Name 


Folder Path: 


e from the Following options= 
mMP4 (h_z64) 
HOV 720 24p 


High 


Export Video 


أنواع ملفات الفيديو ذات الامتدادات الماختلفة(!: 


الامتداد 761124 : حجمه متوسط ودرجة وضوح صوراة الفيديوأعلى من م36 وتستطيع التصوير بأحجام مختلفة 
الامتداد 4771 : حجمه كبير وجودة صورة اعلى من 7174 ينلاسب أجهزة الكمبيوتر وكاميرات الفيديو 


تتكون واجهة البرنامج من التالى : 


ااا EEE EEE EEE VEE‏ 
کد کی کک کید کک کی کد کی کہ کے 0 کے 2 7 


Ê 


-<cond=‏ 20 فا 


EEEEEE 


EE 


Ek 
5 


8 


5 


د 


علد 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


السؤال الثالث : رتب الخطوات التلللية لحفظ مشروع الفيديو )عع6ز2:0 ©5256: 
) ) حفظ ملف المشروع داخل مجلذ المشروع 
( )حفظ ملف المشروع ( إعطاء اسم له تآللغة الإتجليزية ) من شريط القوائم الرئيس 7/1512 
Toolpar‏ يتم اختيار File‏ ثم Save Project As‏ 
) ) إنشاء مجلد للمشروع وإعطاء اسم له باللغة الانجليزية على أحد وحدات التخزين 
) ) وضع جميع الملفات صور - صوت المستخدمة لإنشاءا الفيديق داخل مجلد المشروع 


السؤال الرابع :أكمل الشريط الزمنى »«ذاع 112 للبرناًك3ة ينكلم من : 


2015-63565. 


i 


ع أ عداد 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


الرّية والرسالة 


إحداد طالب متميز قادر على ۔۔۔۔ 
الرسالةج 


لغة الترميز : 
هى لغة تكويد تستخدم لإنشاء صفحات موقع الإنترنتإالثابتة والتى يتم عرضها باستخدام أحد برامج مستعرضات 
الإنترنت . 

أوامر لغة H1 M1‏ : 
لإنشاء صفحة الويب يتم استخدام أوامر لغة 1117/11 وتسمى هذهالأوامر بال ووه ويقوم مستعرض الانترنت 


بتنفيذها 


القواعد الاساسية لاستخدام أوامر 1710/1]!: 


إنشاء ملف نصى باستخدام أحد برامج تحرير النصوص وذلك لكتابة أوامر 51173117 وتعديلها 
كتابة أوامر 5117/11 حيث يتم وضع الامر بين العلامتين "< > " 

معظم الأوامر لها بداية < > ونهاية < / > 

خفظ الملف النصى الذى يحتوى على أوامر 1117311 بامتداد HTM‏ أو HTML‏ 

فتح الملف المحفوظ باستخدام مستعرض الانترنت لعرض صفحة الويب ومشاهدة نتيجة تنفيذها 


لا يشترط أن تكتب أوامر ,7117/11 بحروف كبيرة اهمه أو صغيرة 512211 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


التركيب البنائى لإنشاء صفحة الويب باستخدام 471/11]: 
خطوات إنشاء صفحة ويب باستخدام أوامر :H1۲ ١1‏ 
١‏ فتح برنامج تحرير نصوص مثل ( 720ع72106 ) 
؟- اكتب الأمر ,1171711 فى بداية الكود ليشير الى أن المستند مكتوب باللغة M1‏ ۲] ينقسم الكود الى 
ه٠‏ 20ع11: المنطقة الخاصة بكتابة المعلومات للمستعرض حول الصفحة مثل عنوان الصفحة 
ما رل 6ط: المنطقة الخاصة بكتابة المحتوى الذى سيظهر داخل الصفحة 


File Edit Search View Encoding Language Settings M 
ا و ن‎ @ ٣e e 2 | لط كه‎ Ol a ل‎ HÊ ee | 
EWÎ new 1 html E3 

< 31م 25> ا 

K]<head> 


<title> 


</title> 
</head> 
KE]<Body> 


فم يخا زر) ظر ال ئ ل 0 ما 5 


</body> 
</html> 


التركيب البنائي لإنشاء صقحة وبيب باستخدام HTML‏ 


ا 
إضافة عنوان لصفحة الويب بالأمر <©1111/> > <ع!]11> : 
يظهر عنوان صفحة الويب داخل شريط العنوان أعلى الصفحة 
خطوات إضافة عنوان لصفحة الويب : 
-١‏ فتح برنامج تحرير نصوص مثل ( 71066720 ) 
"- كتابة التركيب البنائى لإنشاء صفحة ويب بأوامر ,11717311 
۳- كتابة آمر <ع[)ذ)/> مدرستى <1116> فى الجزء المخصص بين <head> </head>‏ 


أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدر اسي الاول 


File Edit Search View Encoding Language Settings Mac 
o 2 ت | هق | © 2 اتا هكا لل ا ونا و 5 ذا‎ 
Î] new 1 html E3 


DHl<html1> 
Kl<head> 


د نم یں ظر 


D]<title> 
مدر صتى‎ 
7ه‎ 1211131-23 
</head> 

K[]<Body> 


ال) 60١‏ ل 6 ما © 


شم فم فم 
در يم 


</body> 
</hnzm1>| 


؛ - حفظ الملف باسم | ہ٤‏ آ٤۵٥طءS‏ من خلال فتح قائمة 181 أختر الامر ئ۸ ©5996 ثم اكتب اسم الملف 
School.htm‏ 


Language 
New Ctrl+N 
Open... Ctrl+ O 
Open Containing Folder 
Open Folder as Workspace 
Reload from Disk 
Save Ctrl+S 
Save As... Ctrl+Alt+S 


Adobe Reader XI 
Save a Copy As... | م ا‎ 
ص ق‎ Audacity 


File name: School htm vw 


Save as type: [Hyper Text Markup Language file (html; htm: > 


٥‏ أفتح صفحة الويب .9012001 من خلال مستعرض الانترنت الشاك ةاتنفيذ الأوامر بالضغط 


8 


>> e 


le:/7/JC:/JUsers/ALAMIA1/7Desktop/SsSchoolhtm 
>01]16< نتيجة تنفيذ الامر <ع1))/> مدرستى‎ 


خطوات إضافة محتوى لصفحة الويب : 


يمكن أن تحتوى صفحة الويب على نص - صورة - فيديو - ارتباط تشعبى 
١-فى‏ الملف السابق أكتب العبارة " مدرستى جميلة ونظيفة ومتطورة " داخل الامر <130037/> <13003> 
۲ ثم احفظ الملف بالضغط على ©5356 من قائمة ©1511 


# أعداد : الاستاذة آمال ه 


١‏ اک تر وتکنولوجیا يا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
۳-افتح مستعرض الانترنت 1122 ط.5011001 لمشاهدة تنفيذ الامر. 


١‏ 3 × مدرستی <html>‏ ا 
١ © file:///C:/Users/ALAMIA1/L |‏ ® © : <20ع2>[ا 

۹ Import bookmarks 
<title> 


مدرسنى 
</title>‏ 
</head>‏ 


نتيجة تنفيذ الامر كتابة عبارة -]<Body>‏ 
مدرستى جميلة ونظيفة ومتطورة مدرستى جميلة ونظيفة ومتطورة 


</body> 
</html>} 


ه يمكن كتابة أوامر 211341 بخروف كبيرة [1121م63© أو صغيرة 51211 

ه مستعرض الانترنت لا يتاثر بالمسّافات المتروكة أو الانتقال لسطر جديد بضغط على مفتاح :»1721 داخل 
ملف الأوامر . 

تغير اتجاه صفحة الويب باستخدام الخاصية 0111: 

: تستخدم الخاصية 1ل لتحديد اتجاه صفحة الوب حسب القيمة المخصصة للخاصية زل كما بالجدول التالى 


اتجاه صفحة من اليسار ألق اليمين 


اتجاه صفحة من اليّمين الى اليسئار 


خطوات تغير اتجاه صفحة الويب من اليمين إلى اليسار: 

>18003< >/183003< التعديل بالكود السابق بإضافة الخاصية عرزل للأمر‎ ١ 
<Body 031:- ''01''< تخصيص القيمة 701 للخاصية عرزل بكتابة الامر‎ ۲ 

۳- حفظ التعديل اختر ©9296 من قائمة »111 


4- افتح صفحة الويب من خلال مستعرض الانترنت لمشاهدة تنفيذ الكود 


أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
<لشغط><- 1 


مقع | 
نتيجة تنفيذ الامر تخصيص القيمة ۲٤‏ للخاصية 
dir‏ بكتابة الامر <Bodv dir='"'rtl'"'>‏ | 
مسل رسای 
4f tItLe¥ rs‏ 
ت head‏ 4 


ody Erol س‎ C ل‎ 09] 808 N 
مدرستى جميلة ونظينة ومتطورة‎ 


هذا كيبن کہم س وق 3[- بت ك 


' 5 Import bookmarks 


ملرسلى جملة ولظللۀ وملطورة 


> body 
ارس ارك‎ 


اتجاه محتوى الصفحة من اليمين لليسار اتجاه محتوى الصفحة من اليسار لليمين 
1 5-5 5 ىف 
تنسيقات صفحه الوبب 


؛: أولاً : تنسيق الصفحة بصفحة الويب : 
الكتابة بداية من سطر جديد بالأمر <01>: 
ه خطوات كتابة سطر جديد 
ه تشغيل برنامج 12017201 


« كتابة كود 7117/11 كما سبق 


ياك ل إن يزيا حي Body MI‏ 

التهك و مق : ! لاحك نايك يتات ياسهتوظ 
KBHC‏ 

3 "صمح - ما له حط 

> بر‎ body 


ه كتابة سطرين بينهم <11> 


أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


<html> 2 8 01‏ | 
ا اراي 
01 01 


1 111117 


[<head> 


ضر یم زر) شر ی 


]<title> 
مدرصنى‎ 
</title> السرسةلاعالية بنك بارا‎ 
</head> الأ : ابل مسطفي‎ 

-=|<body 0131 2-"281"<‏ 
المدرسة:الاعدادية يتات ياسيوط 
<br>‏ 
E Eas‏ الاصم : امال مصطقى 
نتيجة تنفيذ الامر <إط> للكتابة بسطر </body>‏ 
</html>} .‏ 


5 ل 


- 0 55 


محاذاة النص توسيط بالأمر :<center> </Cener>‏ 
ه فتح الملف النصى السابق 
center>‏ /> موقع المدرسة<2ءعرءع> 
المدرسة:الاعدادية يتات ياسيوط 
<br>‏ 
الاصم : امال مصطقى 
٠‏ إضافة الأمر <إع٤معء/>‏ موقع المدرسة <إمامإ٤ء>‏ انا ااا 


ه حفظ التعديل من ©1851 اختر ©5276 
ه فتح الملف من خلال مستعرض الانترنت 


shtml? الا‎ 


» ارش 


| 58302 2 ( 0 0 0 اوس‎ f BH" 00 
1 Û lmpotbooknas 


سم 


ید پیب سيم 


stitlez ٠ 
لسرماعلي وبر 8 مارستی‎ 
>/ لأنم: امل مسطني ج2112‎ 
> / head> 

tbody dir="rt1]"> 
<center>amjlall موقع‎ </CENtEr> 
المدرسة: الاعدادية يتات ياسيوط‎ 


الا ال یس لك ب كن 


سم رورس 


نتيجة تنفيذ الامر <إع)معء/> موقع المدرسة </برء)جءع> 
body‏ / > 
</html))‏ 


# أعداد : الاستاذة آمال ه 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
إضافة فراغات بين الكلمات بالأمر :8:155/0: 
عند ترك اى عدد من المسافات بين الكلمات داخل ملف الأوامر سوف يتعامل معها مستعرض الانترنت على انها 
مسافة واحدة وللتحكم فى عدد المسافات بين الكلمات نستخدم الرمز ;مام حيث يتم تكراره بعدد الفراغات 
المطلوبة بين الكلمات . 
الخطوات : 
54 
فت الملفالنصى السابق المارهة :pدط2ء‏ :rh3pء nbsp:‏ برقع 
كتابة الكود موقع :تروطد» [center> &nbsp;‏ 
السارسة! الاعلادية بنات باسرط 
np;‏ المدرسيه br‏ 
حفظ التعديل من #11٥‏ رالختر ©5856 الاسم : ابال يسني 
فتح الملف من خلال مستعرض آلأنترنت rt/body>‏ 


ا » ر 


ا 010001 
تالقان Û Inport‏ 1 <21>8181 
مدرستى 
ئم ارب -</title>‏ 
السسرسة الإعالية بنك باسرط F-</head>‏ 
اإس: امل مسطلى <body dir="rt]">‏ 
<center>‏ 

المدرسة «ومدطدء مودطدء مومدطدء موقع 

</center> 

المدرسة:الاعدادية يتات ياسيوط 

<br> 


نتيجة تنفيذ الامر موقع &nbsp; &nbsp; &nbsp;‏ ا 0 


المدرسة لترك مسافات بين الكلمات </html>‏ 


E]<head> 


:>10111< >/4001< أ - تنسيق الخط فى صفحة الويب بالأمر‎ -٤ 


لتحكم فى نوع وحجم ولون الخط باستخدام الأمر <خره؟> وله مجموعة خصائص منها : 


أعداد 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
ملاحظة : يتعرف المستعرض على ۷ أحجام مختلفة من الخطوط والتى يتم تحديدها بواسطة الخاصية ©5127 حيث 
تتراوح قيمة هذه الخاصية من ١‏ الى ٠‏ 


خطوات تغير نوع الخط الى 05ا|3013 ولون الخط احمر والحجم الخط ": 


فتح الملف النصى السابق والتعديل فيه 
كتابة الكود > <font face=" Andalus " color='"'red'" size='""6'""‏ 
حفظ التعديل ن ء[آ؟ اختر ©5256 


فتح,الملف ما خلال مستعرض الانترنت 


«<html> 01-0 


اا رش 


<head> 0001 ١80001 


!! مسار‎ 
<title> 


بن حملة؛ نط ت مدرستى 
ری جيلا رنطيقا رمتطررة 


</title> 

</head> 

40037 dir="rt1]"> 

<font face="andals"color="red" size="6"y 

مدرستى جميلة ونظيفة ومتطورة 

</font> 

كتابة الكود </body>‏ 

</html> 1, ۴ 1, 1, 4 UP 
<font face=""'andals'"'color='"'red'"" size='"'6'" > 


بعد استخدام أمر الاغلاق <٤ہه/>‏ ينتهى التاثير الأمر على تنسیقا ترآ نصويكتب بعده 
فى حالة عدم استخدام الأمر <406> يظهر نوع الخط على صفحة الويب بالشكل«الافترّ#اضى 


5/ ب - تنسيق الخط فى صفحة الويب : 


يوجد العديد من الأوامر التى من خلالها يتم تنسيق الخط ومنها الأوامر الموضحة بالجدول التالى 


ع أعداد 


۽ الاستاذة آمال ه 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
خطوات تنسيق الخط بصفحة الويب لوضع خط تحت العبارة: 


ه فتح الملف النصى السابق والتعديل فيه 
٠‏ كتابة الكود <0/> مدرستى جميلة ونظيفة ومتطورة <> 


Body dircr="rFLE]l™"y 

Font fFace="anda ls "co lor=" Tred" ”دمج 1ه‎ "sy 
1< <1ا/ »مد زستى جميلة وتطيعة ومتطورة‎ 
t# Font 

body‏ اراك 


٠ه‏ حفظ التعديل من 1:1 اختر ©5256 


ه فتح الملف من لال ستعرض الانترنت 


كتابة الكود <0/> مدرستى جميلة ونظيفة ومتطورة <> <html>‏ 
لوضع خط تحت الجملة 
<head>‏ 


<title> 

مدرسنى 

</title> 

</head> 

<body dir="rt1]"> o 7 
<font face="andals"color="red" size= 0 0 0 fellCesA 0 ان‎ 
!ا <0ا/>مدرستى جميلة ونظيفة ومتطورة<ا»‎ iputlorals 

</font> EET 
</body> يري جيه نشا ومتطررة‎ 


</html> 


اا ارسي 


- تنسيق الخط في صفحة الويب لجعله مائل للعبارة "مدرستي جميلة ونظيفة ومتطورة ". 
- تنسيق الخط في صفحة الويب لجعله خط عريض للعبارة " مدرستي جميلة ونظيفة ومتطورة ". 


نلاحظ أن لتنسيق الخط في صفحة الويب: 

- جعله ماتل “ مدرستي جميلة ونظيفة ومتطورة ". 

يكتب الكود: <1/> مدرستي جميلة ونظيفة ومتطورة <1> 
- جعله خط عريض "مدرستي جميلة ونظيفة ومتطورة". 
يكتب الكود: <ط/> مدرستي جميلة ونظيفة ومتطورة <> 


© أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
chtml>‏ 


<head> 01.01 


11 س 
ttitle> ane 2‏ 
r 1]‏ ؟ساسصنارة | RF CÛ‏ 
Outlet‏ وح 
</head>‏ 


tbody dir="rtl"> * ل‎ rS ١ 
<font face="andals"color="red" size="6"y 1 ل ديلا‎ 


لاط/><11<>/1/>مد رستى جميلة ونظطيفة ومتطورة<ط><1><ن» 
</font>‏ 
</body>‏ 


كتابة كود لجعل اخط مائل وعريض وتحته خط </html>‏ 


<ط> <1> <ں> مدرستى جميلة ونظيفة ومتطورة </طظ/> <1/> <ں> 
ثانياً: تنسيق خلفية صفحة الويب : 
.١‏ تحديد لون الخلفية لصفحة الويب بالخاصية 6000101: 
تستخدم الخاصية :010عع7 التابعة لأمر <:1007> (لتحديد لون الخلفية . 
خطوات تحديد لون الخلفية : 


ه فتح الملف النصى السابق 


mrn اح اي سر‎ 50 
xbody bgcolor=" 8022512" <body bgcolor='"" Purple''> ه كتابة الكود‎ 


ه حفظ التعديل من »51 اختر ©5256 
ه فتح الملف من خلال مستعرض الانترنت لمشاهدة اللون 
J<html1>‏ 
<head> 01-0۲‏ 
E‏ در 
<title> EEE 5‏ 
Br 0000000‏ (اساسانرة 0 010 E‏ 
Jlrpotluirats‏ ا" -</title>‏ 
-</head>‏ 
[<body bgcolor=" Purple")‏ 
<font face="andals"color=" 25‏ 
جميلة وتظيقة ومتطورة<ط><1><نu>‏ 


-</ font> 


لتحديد لون خلفية صفحة الويب -</body>‏ 
كتابة الكود <body bgcolor=''" Purple''>‏ 00 


أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثاني الاعدادى الفصل الدراسى الاول 
- الجدول التالي يحتوي بعض أسماء الألوان يمكن استخدامها كقيمة للخاصية :506010 : 


Cal I اكككا كا ا‎ | E 
د ا ا ال اح كم كم رفت زرف فم‎ 


. وضع صورة كخلفية لصفحة الويب بالخاصية 101010101 ©823: 
تستخدر الخاصية 130ن10ع18212 التابعة للأمر <رل0ط> 
خطوات وضع صورةركتخلفية لصفحة الويب: 
إعداد وتجهيز أحداملفات الضور لوضعها كخلفية لصفحة الويب 
حفظ ملف الصورة دالخل مجلا 
كتابة الكود اللازم لوضع الصورة <''ع2ز.2221ه"' = 0120دعءلء72 8003> كخافية لصفحة الويب 
|«body background = "amal . jpg">‏ 
حفظ الملف النصى بامتداد 1٤.١‏ فى نفس يو حط ملف الصورة 
فتح الملف فى مستعرض الانترنت 
[<html>‏ 
[<head>‏ 


-]<title> 

مدرستى 

</title> 

</head> 
9 |-|j<body background = "amal . jpg"> 
10 
11 </body> كتابة الكود اللازم لوضع الصورة كخلفية لصفحة الويب‎ 

</html> <body background = '"'amal.jpg'"'> 


خطوات اظهار اسم و نوع ملف الصورة : 
ه اضغط بزر الفارة الايمن على الصورة 
٠‏ اختر )امم ه۴ من القائمة الفرعية 


من المربع الحوارى تجد اسم وامتداد الصورة 


© أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


Edît with GIMP 
Set as desktop background 


Edit amal jpa 
Print 
Rotate clockwise JPEG image (jpg) 

Rotate counterclockwise 3š] Windows Photo Viewer [ 
Edît with Notepad++ 
CN Users\NALAMIA1N.Desktop 
Open with ize: 30.3 KB (31.129 bytes) 
Share with 3 isk: 32.0 KB (32.768 bytes) 
Add to archive... 
Add to "amal.rar” ۳-171 م ع - سیتمیر:‎ --:¥-1 
Compress and email... کے کو و وين‎ 
Compress to "amal.rar" and email 


Restore previous versions ۳-۱7 م .> - سیتتصیر:‎ ۹ 


send to err Hidden 
Cut tty: This file came from another 
computer and might be blocked to 
is computer. 


Copy 
help protect thi 


Create shortcut 


Delete 


Rename 


Properties 


التعامل مع الصور فى صفحات الويب : 
١‏ إدراج صورة داخل صفحة الويب : -_ تستطيع إدراج صورة بصفحة الويب باستخدام الخاصية ٤٣ء‏ 
التابعة لأمر <عم.1> ويتطلب تجديدراستم ملف الصورة ومكان حفظه 
خطوات ادراج صورة بصفحة الويب_واظهار.النص اعلى الصورة : 


ه وضع الصورة بملف ومعرفة اسم الصورٌةيكما سبق 

ه كتابة الكود اللازم لادراج الصورة <عمز.21٣ه'"=٣٤آS <"img‏ 
IMI SEC="amal . Jp" <<‏ > 

ه حفظ الملف النصى بامتداد 1ط فى نفس مجلد حفظ ملف الصوراة 

ه فتح الملف فى مستعرض الانترنت 


<21 ط>[حا 


#«ا ه # © 
مترستي 


5 
+ علا ك 2 فا 151 © < 80 5 fley//C/Users/ALAMIA1/Desktop/Schooal:‏ © @ © 


]-|>2830< 


]-1>51516< 
مدرستى‎ 
</title> 
</head> 

E]<body> 

-]<font face="andals"color="Blue" size="10"> 
<ط/><1/><ا/>مدرستى جميلة ونظطيفة ومتطورة<10<>1<>58>‎ 
</font> 
<br> a 
كتابة الكود اللازم لادراج الصورة ا‎ 
</body> <"img src=" 'amal.jpg> 
</html)| 


فم دم زب ليم ال ى ل 


١ ۴ 
نض‎ om 


و 


٠ 


م 


0 
تت کر دم زن كير ان كه 


4 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
ملاحظات هامة: 
- في التدريب السابق يفترض أن ملف الصورة وملف صفحة الويب في نفس المجلدء لذلك تم الإكتفاء 
بكتابة اسم ملف الصورة والإمتداد مع الخاصية ©515. 
- في حالة تواجد ملف الصورة في مجلد آخر يجب كتابة مسار ملف الصورة كاملا. 


۲ --التحكم فى ابعاد الصورة بصفحة الويب : 
يتم التحكم/فى ابعاد(الصورة من عرض وارتفاع من خلال خصائص الأمر <1118> 
٠‏ الخاضية| عامط ارتفاع الصورة مثل ''200'"'-]1©151 
٠‏ الخاصية 701001 عرض الصورة مثال '"300"'-771061 
ه ويتم استخدام وحدة القياش البكسل [ع×۴ لقياس الابعاد 
خطوات أدراج صورة بابعاد الغرطاا ۸ والارتفاع ٠٠٠‏ بكسل 
٠.‏ وضع الصورة بملف ومعرفة اسم الصورة كما سبق 
ه كتابة الكود اللازم لتحديد ابعاد الصورة من عرض ٠٠٠١!‏ و ارتفاع 45٠‏ 
hieght="A450" width=" BODO"‏ "عرز . 1دسة "تم 2ت IMJ‏ > 
ه حفظ الملف النصى بامتداد ٤ط‏ فى نفس مجلد حفظ ملف الصورة 


٠‏ فتح الملف فى مستعرض الانترنت 


<25131> [حا] 


<20ع2»> |-] 


فم نِم یں ظر ی 


]-1>212516< 
مدرصسنى‎ 
</title> 
</head> 

l]<body> 

=<font face="andals"color="Blue" size="10"y> 
<ط/><1/><ا/>مدرستى جميلة وتطيقة ومتطورة<ط><11<>1>‎ 
</font> 
<br> 
<img src="amal. jpg" hieght="450" width="800"> 
</body> 
</html> 


فس( قسم فر فم قم فم 
وق ل 85 شا ت فم نم زر) ظر س ى 


خسم 


© أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


۲ _ محاذاة الصورة داخل صفحة الويب : 
يتم التحكم فى محاذاة الصورة من خلال الخاصية معا۸ للأمر <ع:1> وتأخذ الخاصية القيم الآتية 


النص يقع بمحاذاة الحافة السفلى الصورة 


النص يقع بمحاذاة الحافة العليا الصورة 


تنسيق الصورة والنص 
كتابة الكود اللازم لاظهار الصورة وسط صفحة الويب 
حفظ الملف النصى 
فتح الملف فى مستعرض الانترنت 
<html>‏ 
<head>‏ 
</head>‏ 
<body <‏ 
<font face="andalus" color="red‏ 
محرستي جميلة ونظيغة ومتطورة 


</font> 
<br> 


` <img src="shool. jpg" align= ddle"> 


صفحة الويب بعد تنفيذ الكود </html>‏ 


لاحظ التص مح الصورة قي تقس السطر ء 
ويقع التص يمحاذاة منتصف الصورة 


ملاحظات : 
٠ه‏ لمحاذاة الصورة لأقصى اليمين لصفحة الويب نستخدم الكود ''126ع1'' -21162. 
ه لمحاذاة الصورة ليقع النص بمحاذاة الحافة العليا للصورة نستخدم الكود ''607''-21182 
التعامل مع الصوت فى صفحات الويب:- 


إدراج الصوت كخلفية صوتية لصفحة بالأمر <05010110>: 


يمكن إدراج الصوت كخلفية لصفحة الويب حيث يتم الاستماع إليه عند تحميل صفحة الويب بالمستعرض 


© أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
ملاحظة هامة ٠‏ 
برنامج مستعرض الإنترنت 10101:©1 111411361 هو المستعرض الوحيد الذى يدعم تنفيذ الأمر 
<185011210> والخاصية $٣١‏ المصاحبة له ويتم إدراج الصوت كخلفية صوتية لصفحة الويب 
الخاصية حو للأمر تأخذ قيمة اسم الملف الصوت وامتداده وذلك فى حالة حفظ ملف الصوت مع ملف صفحة 
الويب فى نفسى المجلد وغير ذلك يجب كتابة مسار الملف الصوت كاملاً 
خطوات/إ درا ج الضوت كخلفية لصفحة الويب : 


كتابة الكؤاد كما بالشكل الموضح بالصورة داخل KI<htm1>‏ 
برنامج 1120667201 [<head>‏ 


]-1>41516< عدت 3 ""عدصع م كنات كد وطاه‎ . Mp" 
مدرسنى‎ ٠ ٠ 
</title> حفظ الملف النصى‎ 
</head> < ١ 0 
<body> 1111111 فتح ملف صفحة الويب بالمستعراض‎ 
9501120ط>[-]‎ src="nor.mp3"> 
</body> 
</html> 


Explorer 


التعامل مع الفيديو داخل صفحة الويب ٠‏ 
إدراج فيديو داخل صفحة الويب بالأمر <لمطإم> 


يستخدم الامر< عط ء> لادراج فيديو بصفحة الويب وهذا الامر يدعم,ظلفات الفيديو من النوع - 291. - 5181. 
.mov‏ 
الخاصية ح-زو للأمر < 4ط« nع>‏ تأخذ اسم الملف الفيديو وامتداده وذلك فى حالة حفظاملفك الفيديو فى نفسى 
المجلد وغير ذلك يجب كتابة مسار الملف الصوت كاملاً 

خطوات إدراج الفيديو داخل صفحة الويب : 

11061720 كتابة الكود كما بالشكل الموضح بالصورة داخل برنامج‎ ٠ 


embed src="internet.avi"*> . 


٠.‏ حفظ الملف النصى 
ه فتح ملف صفحة الويب 


أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
<html>‏ 
<head>‏ 


</head> 


<bod > 


` <embed src=" internet.avi™ > 
</body> 
</html> 


كتاية الكود قي آحد يرامج تحرير التصوص 


إدراج ارتباط تشعبى بصفحة الويب 


بالأمر <و/> <2> 
الارتباط الت لتشعبى :Hyperli nk‏ 


الارتباط التشعبى عبارة عن صورةة أ نص مرتبط بعنوان وعند الضغط عليه يتم الانتقال إلى هذا العنوان ويمكن 
أن يكون داخل نفس الصفحة أو بصفحة,أخرى داخل نفس الموقع أو فى موقع آخر . 


إدراج ارتباط تشعبى 1321| )©0/!!!: 


لادراج ارتباط تشعبى تستخدم الخاصية 1114[ للأمر <2> والتى تحدد قيشتها العثوان المطلوب الانتقال إليه 
ويكونشكل الأمر مالآتى 


<و(/»> النص أو الصورة < العتوات المطلوب الانتقال إليه"  <a href=‏ 


:>3< >/< ادراج ارتباط تشعبى نصى بالأمر‎ -١ 
>2< لادراج ارتباط تشعبى نصى باستخدام الخاصية 21:1[ للأمر‎ 
أنشاء صفحة ويب تحتوى على ارتباط تشعبى نصى " وزارة التربية والتعليم " وعند الضغط عليه يتم الانتقال‎ 
الى الصفحة الرئيسة لموقع وزارة التربية والتعليم من خلال الكود التالى‎ 
4a href="http: ر‎ f wmw .moe. qow.ê6q">» وزارة التريية والتعليم‎ >< 


خطوات ادراج ارتباط تشعبى وتنفيذ ارتباط التشعبى على هيئة نص : 


أعداد : الاستاذة آمال ه 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
-١‏ كتابة الكود فى برنامج 11066720 


ta href="http: / mw .moe . qov.eq"> وزارة التربيية والتعليم‎ */3< 


؟- فتح صفحة الويب فى المستعرض 
۳- الضغط على النص الفائق " وزارة التربية والتعليم " 
-٤‏ يتم تجميل موقع وزارة التربية والتعليم 


<5211 51> إحا 


يم 


=]<head> 


Sl<title> 
مدرستى‎ 
</title> 
</head> 
[<body> 
<a href="http: //www. moe. qOV. <ھ/< وزارة التريية والتعليم <"0ع‎ 
</body> 
</htm1>} 


زا طم ی ى ل 


فس( ف فم 
ص ف قت ضز نم 


ذا » وزارة النربية والتعنيم 
C @ | @ wwwmoegove‏ 4 


$F ©) Import bookmarks 


مدرسنی 
C Û | © fi‏ 3 
EE 5 Import bookmarks‏ 


زارة التريبة و الْتَعليم 


"- ادراج ارتباط تشعبى لصورة 


خطوات ادراج ارتباط تشعبى صورة 3 
-١‏ كتابة الكود فى برنامج 11066720 


JPA" </a>‏ . لمحتت "تمع تج href="myscahoo1l . htm" <img‏ دي 


؟"- فتح صفحة الويب فى المستعرض وعند الضغط على الصورة الفائقة يتم تحميل صفحة الويب 
۳- يتم تحميل صفحة الويب المحدده بالكود 


أعداد : الاستاذة آمال ه 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


: مدرسئي‎ 
- html? 2 > 0 5 | © file:///C:./Users/ALAMIA1/Desktop/School.htm 


HE 5) Import bookmarks 


- 18301 


- 42116: 
لا رساس‎ 
¢title> 
+ head مدرستى الثانوية‎ x (E 


- body; 34 C ذه‎ 0 © file:///C:/Users/ALAMIA1/Deski 


: 1 Import bookmarks 


¢a href="nyschool,htm"> img src="amal, jpg"> ¢/a} 
¢ bodys 
<html: 


# أعداد : الاستاذة آمال ه 


الصف الثانى الاعدادى الفصل الدراسى الاول 
يي بعض أوامر ا1۲1 لإنشاء صفحة ويب: 


يكتب فى بداية الكود ليشير الى أن المستند مكتوب بلغة 
html‏ 
المنطقة الخاصة بكتابة معلومات للمتصفح عن الصفحة مثل 
عنوان الصفحة 
المنطقة الخاصة بكتابة المحتوى الذى سيظهر داخل - dir — bgcolor‏ 
الصفحة background‏ 


لوضع ن فى منتصف السطر 
ادراج فراغ (قنسافة ) بين الكلمات على المستعرض 
للتحكم فى تنسبيق الخطوط 


وضع خط تحت الكتابة 


ن — Src — height‏ 
width - align 2‏ عد 
: 
2 إضافة صوت أو فيديو لصفحة الويب عد 
: : 


© أعداد : الاستاذة آماله 


تر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
الوحدة الثانية : الفصل الاول 
السؤال الاول : اختر الاجابة الصحيحة المناسبة للعبارات الآتية : 
١‏ يشير الإختصار ,251173/11 الى العبارة 
Hyper Text - Help Table Made Layout - .Hyper Text Markup Library)‏ 
Markup Language‏ ) 
۲ صفحة الويث التى يتم استخدام لغة ,111711 فقط فى تصميمها تعتبر صفحة 
( تفاعلّة - نشطة - ثابتة ) 
"- استخدام لغات ميثل )72576510104 و «طط بالاضافة للغة ,721311 فى تصميم صفحة الويبيكون 


( تفاعلية - رئيسية _«فاعية.) 

؛- لإظهار نص على صفحةالؤْيبالِتمكتابة هذا النص فى منطقة 
Body - Title - Head (‏ ( 

٥‏ یجب حفظ ملف أوامر 1711711 بالإمتذاد 
Htm - Jpg - Docx (‏ ) 

5- لجعل النص يظهر على صفحة الويب بشكل مائلانستخدم الأمر 
<u> )‏ -<1>-<>) 

۷- لتحديد لون كخلفية لصفحة الويب نستخدم الخاصية 
color - background - bgcolor )‏ ( 

۸- الخاصية التى ترتبط بأمر < عص1> من بين الخصائص التالية هى الخاصية 
sre - href - path )‏ ( 

9- الأمر <2> يستخدم فى 
( محاذاة النص - اضافة ارتباط تشعبى - تشغيل الفيديو ) 

-١‏ لتحديد نوع الخط فى الأمر < >0٤‏ نستخدم الخاصية 


( face - size - Fontname ( 


© أعداد : الاستاذة آماله 


تر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
: اختر من المجموعة ( ب ) ما يناسب المجموعة (أ 


) مستند به محتوى الكترونى ينشر على شبكة الإنترنت 

ويتم عرضه من خلال برنامج مستعرض الإنترنت 

الصفحة الرئيسية ( ) تعرض معلومات يتم الاطلاع عليها فقط بدون امكانية 
اجراء اى معالجة من الزائرين لمحتواها 
( )مكان على شبكة الانترنت يتكون من صفحة الويب أو أكثر 
ويتم زيارته من خلال عنوان معين 

5 - الصفحة الثابتة ( )أول صفحة بموقع الويب والتى من خلالها يسهل الانتقال 
لباقى الصفحات 


٥‏ الصفحة التفاعلية ( ) ) هى خاصية للتنتقل بين صفحات الموقع 


( )!اهى!صفحة معلومات تعرض محتوى يتيح للزائرين 
التفاعل معه ومعالجتهة 


السؤال الثالث : ضع علامة صح أمام العباية الصحيحة وعلامة خطأ أمام العبارة 


١‏ لخا كل سا ي 


-١‏ تستخدم لغة 1117/11 فى إنشاء صفحات الويب التفاعلية 


"- تستخدم لغة 729765174 لتحويل الصفحة الثابتة الى صفحة تفاعلية 

*- الأمر الذى يكتب فى بداية الكود يشير الى أن المستند مكتوب لغة ا)1 هوا< ©4101 > ( 
e:‏ للتحكم في عدد المسافات ) الفراغات ) بين الكلمات تستخدم الرمز &nbsp;‏ 

ه ‏ لإضافة صورة لصفحة الويب نستخدم الأمر < ع12 > 


السؤال الرابع :أذكر الكود الأساسى اللازم لبناء ملف أوامر 111711 : 


u <img src =" school.png'"'> 


بن على الرغم من عدم وجود أخطاء فى سطر الكود السابق إلا ان الصورة لم تظهر على صفحة الويب عند 
© تحميلها بواسطة المستعرض استنتج السبب ؟ 


© أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


# أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


تخطيط تقصيلي ‏ لمشّر روجع '"مواقع م هدم مدرستي” 


مكونات صفحة الموقع مدرستى : 
- صفحة الويب الرئيسة " مدرستى " تحفظ بداخل 
۲- صفحة الويب " عن المدرسة " تحفظ داخل ملف about.)‏ 
۳- صفحة الويب " البوم الصور " تحفظ بداخل ملف دراط.ه) 
4- صفحة الويب " الرؤية والرسالة " تحفظ بداخل ملف 5101.11 
سوف يتم إنشاء وحفظ كل صفحة ويب داخل ملف نصى باستخدام أوامر H‏ 


H0۳٥. " أولا إنشاء صفحة الويب " الرئيسة‎ -١ 


أعداد : الاستاذة آماله 


= الكمبيوتر وتكنولوجيا المعلومات والاتصالات 5 
الصف الثانى الاعدادى الفصل الدراسى الاول 


أ/ تصميم صفحة الويب الرئيسة : 


تحديد لون صفحة الويب وتحديد ْ 
اتجاه الصقحة من اليسار الى 


كتاية عتوان صقحة الويب 
يعتوان هدر ست , 


<body "عباط لإكاة"-وامعوط‎ dir=ٌ'rtl'> 

<center> 

<font 1266-2018" color='red' size='6°> yawردa</font>‎ 

<br> 

t face="andalus’ color='purple” size='5'> 
 همجحو :م8065 ;مsطn&<ه/> الصفحة الرئيسية< .۸۲۴۴-0۳0 3> | تحديد لون الفط‎ 
ا / تع ااا ت دال‎ <a href about. عن المدرسة< دنا‎ </a> &nbsp; &nbsp; 

fhe <a href= photo.hm'>رgصأl ألبوم‎ </a>&nbsp; &nbsp; 
اليوم المدرسة‎ <a href= photo.hm'>ةllaرلl الرؤية‎ </a>&nbsp; &nbsp; 
E E [<a href='contact.h†m'>liڊ <3/>اتصل‎ 

<br><br> 

<img src="school.png’ height="450' width="800'> 

</center> 

</body> 


</html> 


ا ا 
ترك مساقات بين الكلمات ١‏ 


وضع صورة وتحديد اسم 
الصورة والعرض والارتقاع 
للصورة 


أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا 
الصف الثانى الاعدادى الفصل الدراسى الاول 
ب/ تصميم صفحة الويب " عن المدرسة " 20104.01 : 


تتكوقٌ صفحية الويب/عن المدرسة من : 
نصوص ا" تاريخ نشئة المدرسة - عنوان المدرسة - تليفون المدرسة " 
+ الخط ‏ لونة احم نوعه مص0طه) وحجمه ٦‏ 


5 
آي 
مه فيديو 


ج/ ارتباط تسعبى للصورة 


كتاية حقوان صقحة الويب 
يعتوان مدرستى 


<html> :‏ 
تحديد لون صفحه الويب وتحديد 
اتجاه الصقحة من اليسار الى <head>‏ 


<1616)/>مدرستي<41016> 
</head>‏ 
<body bgcolor="skyblue‏ 


تحديد لون الخط وحجمه <center>‏ 


وتو الخط للكلمات داخل ا . - 5 له 
ETE 3‏ <"6"دعجز5 <font face-"andalus’ color="red”‏ 
حن المدرسة >br<‏ £ سة 
د عن المدره 
عقوان المدرسة : القاهرة - <:ط> تاريخ نشئه المدرسة 
السيدة رزيتب 


التليقون : ١۲۳٤٤١٦۹۷۸٩‏ <:ط>عنوان المدرسة: القاهرة - السيدة زبنب 
حلة التعليم أساسى 
gg‏ <:ط> التليفون: ١۲۴٤٥١٦۷۸۹‏ 
: < ط>المرحلة: تعليم أساسي 
ادراج قيديو يصقحة الويب 
وتحديد حجمه من عرض > 300° <embed src= video.mp4 height-300° width="‏ 
<br><br>‏ 
a href=" home.htm’><img src= back.jpg” height-100° width=" 1 00°></a>‏ 


وضع صورة لجعله ارتياط تشعيى وتحديد حرض وارتقاع الصورة وعتد 
الضغعط على الصورة يتتقل الى صقحة الويب ع110111 المحدده 


أعداد 


تر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


5 


د/ تصميم صفحة الويب " البوم المدرسة " photo.htm‏ : 
تتكون صفحة الويب عن المدرسة من: 
# النص البوم الصور 
الخط " لونه احمر - نوعه 223101112 - حجمه ٦‏ 


عدد ٣‏ صور 
اوتباط تشعبى لصورة السهم 


تحديد لون الخط وحجمه وتوع 
الخط للكلمات داخل صقحة 
الويبي 
اليوم الصور 


<font 136-31101118" color=ٌ red" size= 


اف <ط>ألبوم الصور 


الويب وتحديد مسار الصور 36 8 ف 8 36 
ie‏ ابد >'300 <img src='students.jpg’ height="400° width="‏ 


<img src=-'teachers.jpg’ height='400° width='300 e وارتقاج و‎ 
<img src= yard.jpg’ height="400° width=°200'> <br> 
<a href= home.htm’ <> حم‎ src= back.jpg’ height=° 100° width=-°100°><>/a> 


وضع صورة لجعله ارتياط تشعيى وتحديد عرض وارتقاع الصورة وعتد 
الضغط حلى الصورة يتتقل الى صقحة الويب مر 0ط المحدده 


© أعداد : الاستاذة آماله 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
ه/ تصميم صفحة الويب " الرؤية والرسالة '' 02)ط.15102"؟ : 
تتكون صفحة الويب عن المدرسة من: 


# النص " الرؤية والرسالة 
الخط " لونه احمر ‏ نوعه 22120112 - حجمه 5" 
النص " رؤية المدرسة " 
© الخط " نوعه ورررمطج) حجمه ٦‏ 
الرؤية والرسالة 
زخ ةه 
إعداد طالب متميز قادر على .۔۔۔ 


الرسالة: 
تتمية مهارات الطالب سوه 


تحديد لون صقحة الويب اتجاه 
<1616)/>مدرستي<01016> 
</head>‏ 
<body bgcolor="skyblue'> 1 0‏ 
° ى جج 
<center> ١ :‏ 
تحديد لون الخط وحجمافه 
وتوع الخط للكلمات داخل >6 <font face-ٌ tahoma'’ color="red” size="‏ 


صقحة الويب . 5 
دنه داه | <ها/> رؤيه المدرسه <> 
إحداد طالب متمير 1 : 
_ الرسالة <br><br>‏ 
تتعية مهارات لتا <۲ طا>...إعداد طالب متمیز 


<1ط>الرساله 


١‏ : <:ط>...تنمية مهارات الطالب 
| سەن أ e‏ 


<a href= "home.htm’ ><img src=" back.jpg’ height=-" 100° width-"100°></a> 
</center> 


وضع صورة لجعله ارتياط تشعيى وتحديد عرض وارتقاع الصورة وعتد </body>‏ 
الضغط على الصورة يتتقل الى صقحة الويب ع120111 المحدده 
</html>‏ 


8 أعداد ا 


تر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 

إدارة دشنا التعليمية بقنا 

امتحان الفصل الدراسى الاول للصف الثانى الاعدادى 

* السؤال الاول: ضع علامة صح صح أما العبارة الصحيحة وعلامة خطأ أمام العبارة الخاطئة : 
١ |‏ تعتبر مرحلة نشر المواقع على شبكة الانترنت أخر مرحلة فى إنشاء الموقع 
"- يمكن تسجيل الصوت عن طريق برنامج Audaci†y‏ 
۳- تكثب(أوامر لغة 171/11] فى اى برنامج نصوص ويفضل المفكرة [260مع01!! 
-٤‏ يمكن إضنافة المراحلة الانتقالية على الفيديو من خلال تبويب 77231151110115 
-٥‏ يستخدم برناميج 061151701 فى إنشاء ومعالجة ملفات الفيديو 
5- نوع الصور المناسب للموااقع هو الذى يكون امتداده 11 © 
السؤال الثانى : أختر الالجابة الشتجيحة مما بين القوسين : 
| ١-عناصر‏ صفحة الويب يمكن إن تحتوىيعلى ( صور - نصوص - لقطات فيديو - ارتباط تشعبى - كل ما سبق ) 
۲ لتسجيل مقطع صوتى نضغط على زر ) Stop - Record button - Play‏ ( 
۳- لإظهار نص على صفحة الويب لابد من كتابة النصإفى منطقة ) Title - html - body‏ ( 
4- نوع ملف الفيديو الذى يأخذ مسافة تخزينية صغيرة MP4 - GP)‏ - الام ) 
-٥‏ الأوامر فى لغة 1۲01 يطلق عليها ) (Command - Tags - html‏ س 
و ٠‏ 6 لحذف مقطع صوتى محدد نضغط على مفتاح ) (del - shift - ctrl‏ & 
السوال الثالث : أكمل الجمل يما يناسبها من الكلمات الاتيه.: د 
ع ( إنشاء ارتباط تشعبى - صفحة الويب BR > - Web page‏ > - تفاعليةك (&nbsp; - Export Audio‏ 
-١‏ صفحة الويب التى يمكن للزائر إضافة بيانات اليها تسمى صفحة 


هو مستند لمحتوى الكترونى يتم نشره على شبكة الانترنت وتم عرإضة من خلال 


"- الأمر < ۸ > يستخدم فى 

4- لتصدير ملف صوتى نفتح قائمة ملف 2118] ونختار الامر 

5- لإنشاء سطر جديد نستخدم الأمر 

5- للتحكم فى عدد المسافات الفراغات بين الكلمات نستخدم الرمز 

ك السؤال الرابع :رتب الخطوات الاتية لحفظ مشروع الفيديو 010[©6©1 ©5231: 

( )حفظ ملف المشروع داخل مجلد المشروع 

( )حفظ ملف المشروع من شريط القوائم الرئيسى واختيار ملف ثم 1ع©[010 ©521. 


أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


الصف الثانى الاعدادى الفصل الدراسى الاول 
( )إنشاء مجلد للمشروع واعطاء اسم على احد وحدات التخزين . 


) وضع جميع الملفات ( صور ‏ صوت ) المستخدمة لانشاء الفيديو داخل مجلد المشروع . 
إدارة بنها التعليمية بالقليوبية 


امتحان الفصل الدراسى الاول للصف الثانى الاعدادى 
© السؤال الاول : صوب ما تحته خط : 
-١‏ لاب أن توضع أوامر لغة 11 بين قوسين ( ) . 
١‏ صفحة الؤيب التفاعلية تستخدم لعرض معلومات الاطلاع عليها فقط . 
۳- يتم الضغط علق زرٌ/ايقاف م510 للاستماع إلى الصوت من خلال السماعات . 
؛- < 88 > للتحكم فى عَدِذْ المسافات الفراغات بين الكلمات . 
2 ه- لتصدير ملف صوتإبامتداد«مناسب من قائمة ه811 اختار save project as‏ 
السؤال الثانى : ما المقصود بكلا ما يلى : 
ين ١-هى‏ المنطقة الخاصة بكتابة معوت للمتصفح )حول الصفحة 
هى من مكونات واجهة برنامج 0061751701.وإتستخدم لمعاينة واستعراض ما تم عمله ( 
"- هى أول صفحة بموقع الويب والتى من خلالها يتم الانتقال لبقية,صفحات الموقع 
؛ - تظهر المدى الزمنى الحالى بالشريط الزمشسلبرنامج 135101 6م60 
© 5-المستعرض الوحيد الذى يدعم تيذ الأمر 0501/10 
* السؤال الثالث : رتب مراحل تصميم وإنشاء مواقع الويب : 
ع ) تصميم صفحات الويب للموقع 
) نشر الموقع عبر الانترنت 
) مرحلة تنفيذ صفحات الويب 
) التخطيط لبناء الموقع 
) الإعداد والتجهيز لصفحات الويب 
قارن بين ملف الصوت بامتداد 1۲3 وملف الصوت بامتداد ۷A۷‏ : 


: : 
LLL ١‏ لكك a‏ 
سمحت ووو ووو سس . 


© أعداد : الاستاذة آمال مصطة 


تر وتكنولوجيا المعلومات والاتصالات 
“* الصف الثانى الاعدادى الفصل الدراسى الاول 
يي ( ب )ما ناتج تنفيذ الاكواد التالية : 


< body bgcolor = " green "> -١ 


إدارة مشتول التعليمية بالشرقية 
اكتحان الفصل الدراسى الاول للصف الثانى الاعدادى 
* السؤال الاول : أكمل العباراك(آلاتية بما هو مناسب من الكلمات التالية : 
( التخطيط - م510 آثابتة “860170 - الصفحة الرئيسية - ©5126 - التصميم - ) 
-١‏ صفحة الويب التى يتم استخدام لغة 1۲11 فقط فى تصميمها تعتبر صفحة 

هى أول صفحة بموقع الوّيب والتى من خلالها يسهل الانتقال لباقى صفحات الموقع . 

۳- المرحلة الأولى من مراحل بناء الموقع هى,ظرحلة 
4 - فی برنامج /[810013611 للإنتهاء من إدخال البيانات الصوتية يتم الضغط على زر 
-٥‏ فى لغة 111/11 لتحديد حجم الخط فى الأمر < 2250111 نستخدم الخاصية 21517100005 
السؤال الثانى : ضع علامة صح صح أما العبارة الصحيحة وعلامنة خطأ أمام العبارة الخاطنئة : 
-١ [‏ تستخدم لغة 561101 ©/1هل فى أنشاء صفحات ويب تفاعلية . 
"- فى لغة 111 لإضافة صورة لصفحة الويب نستخدم الأمر < 0ا0آ /> ( 
۳- ملف الصوت ذو الامتداد 1/103 يتميز فيه الصوت بالجودة والوضوح وله عة تدزينية كبيرة . 
4- فى لغة 1۲01 يستخدم الأمر < ج > فى إضافة ارتباط تشعبى داخل صفحةبالويب | 
٥‏ يجب حفظ ملف أوامر 1۲11 بالإمتداد ۲×۲ . 
ة ‏ السؤال الثالث : إختر الاجابة الصحيحة من بين الأقواس : 
-١‏ فى لغة 111/11] لإظهار نص على صفحة الويب يتم كتابة هذا النص فى منطقة ( Body - Title - Head‏ ( 
١‏ فى لغة 1۲01 لجعل النص يظهر على صفحة الويب بشكل مائل نستخدم الامر ( < لا > - < | > - < © > ) 
۳-يعتبر الآتى ذكره إمتدادات لأنواع ملفات فيديو فيما عدا ( 54 !ل!. - الاله . - 53 1لاا. ) 
؛- يستخم برنامج ( Maker - 00615101 - Audaciy‏ 101/16/! ) لإنشاء ومعالجة ملفات الصوت 


© أعداد : الاستاذة آمال مصطة 


تر وتكنولوجيا المعلومات والاتصالات 

الصف الثانى الاعدادى الفصل الدراسى الاول 
-١‏ هى صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل معه ومعالجته . 
- مرحلة من مراحل إنشاء المواقع يتم حجز عنوان للموقع وتخصيص مساحة تخزينية له 
۳- مستند به محتوى إلكترونى ينشر على شبكة الانترنت ويتم عرضه من خلال برنامج مستعرض الانترنت 
ب ) رتب الخطوات التالية والخاصة بقص و 

) من قائمة 011 اختر Past‏ 

تحديق:المقطع الصوتى المطلوب قصه 

) تحريكإمؤشر القراءة بالشريط الزمنى إلى مكان المطلوب عمل لصق للمقطع الصوتى فيه 

)يهنن قائمة 0111] اختر 1لا © 

إدارة جنوب الجيزة التعليمية بالجيزة 


م المتخأن الفصل الدراسى الاول للصف الثانى الاعدادى 
© السؤال الاول: أكمل مكان النقط ملتخدم الكلمات الاتية لجعل الجملة صحيحة : 
center > J)  &‏ >-]ألع - 5وو 78‏ موقع الويبك - (HTML‏ 
فى تضميم الصفحات الثابتة . 
عبارة عن صفحة ويب أو أكثر«توتبطين معاً تحت اسم معين . 
۳- لجعل النص فى وسط السطر نستخدم الخاصية E‏ ل 
4- لقص مقطع صوت من قائمة 
٥‏ كل الأوامر تكتب من اليسار الى.اليين . 
: أختر الاجابة الصحيحية من بين القوسين : 
(CTRL +X +CTRL +s - 0181 + ۷V)‏ 
۲- لاظهار نص على صفحة الويب يتم كتابة النص فى منطقة ) body - hêad =title‏ ( 
*- لايقاف الصوت أضغط على زر ) çÇRecord - Play —- Stop‏ 
؛- خاصية تستخدم لتغيير لون النص داخل صفحة الويب ( bg color- color - font color‏ ( 
5 لانشاء مشروح جديد من قائمة م۴1 اختر ( Linux - New Project - Open‏ 
ت shot‏ ( 
4 السؤال الثالث : ضع علامة صح أمام العبارة الصحيحة وعلامة خطأ أمام العبارة الخاطئة : 
١‏ صفحة الويب الثابتة صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل معه ( ) 
۲- الصفحة الرئيسية أول صفحة بموقع الويب ويمكن من خلالها الانتقال لباقى صفحات الموقع ( ) 
۳- برنامج 110162360 أحد برامج تحرير النصوص التى تسخدم فى كتابة كود 1۲1 ( ( 


© أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
؛- برنامج 51901 061 لا يسمح بالتحكم فى الفترات الزمنية للتاثيرات ( ( 
5- مرحلة التنفيذ هى المرحلة الاولى من تصميم وأنشاء موقع الويب ( ( 


السؤال الرابع : وصل من العمود ( الاول ) ما يناسبه من العمود ( الثاذ 


عد د- Hyper Text Markup Language‏ 
ع و من قائمة 8ا۴ اختر 218 10014 
ع إداوة شبين الكوم التعليمية 
: امتحان الفطل اليجا اس الاول للصف الثانى الاعدادى 
© السؤال الاول : أختر الاجابة الصحيحة فقط 
م ١‏ لإضافة نص الى مشهد الفيديو فى برنامج 517901 17©م© ويتم ذلك من خلال 
( الضغط على 7 + |۸ من لوحة المفاتيج - من قائمة 11818 اختر ©1111 - لااشئ مما سبق ) | 
؟- لمحاذة النص ( توسيط ) فى صفحة الويب نستخدم الامر 0109© - > (Dir - Size - <center‏ عد 
۳ لإضافة مراحل انتقالية لمشاهد الفيديو فى برنامج 5101 061بِينَم اختیار التويب : 
Project File - Transitions - Effes )‏ ( 
4- لتغيير اتجاه النص داخل صفحة الويب من اليمين الى اليسار تستخدم قيّملة الخاصية م( |١ - ٣٣|‏ - 016 ) 
٥‏ استخدام لغات مثل 1م5011 ٥۷هل‏ و ۴4۲ بالاضافة الى لغة 1۲01 في تصميم,طفحة الويب يكون 
بغرض تحويلها الى صفحة ( رئيسية - تفاعلية - فرعيه - ثابته ) 
أكمل مكان النقط بما يناسبه من أجابات صحيحة : 
ltr - dir - Remove Effect )‏ - اخ - face - Size - Import files - delete - &nbsp;‏ 
( 
-١‏ لاستيراد ملفات الصوت والصوره فى برنامج 51701 0617 من قائمة ٥ا۴‏ اختر الامر 
؟- لحذف مقطع صوتى فى برنامج /[81003611 يتم تحديد المقطع ثم الضغط على مفتاح 
لوحة المفاتيح . 
"- لتحديد نوع الخط فى الامر < 1011 > تستخدم الخاصية 


أ أعداد : الاستاذة آمال مصد مذ 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
ز فى إضافة مسافات بين الكلمات فى لغة 111 . 


١۔‏ لحفظ مشروع فی برنامج 5101 0061 من قائمة Files‏ اختر Export video‏ 
۲ هناك العديد من الامتدات لملفات الفيديو مثل P4‏ و Avi‏ 
"-«لتكراك الطتوتِ أكثر من مره يتم تحديد مقطع الصوت واختيار قائمة ct‏ مع ثم اختيار إمر Repeat‏ ( 
( 
؛- للصق(المقطع الصوتى فى برنامج yاأ‏ جل ں۸ يتم اختيار قائمة ۴|٥‏ ومنها اختر 5251 
١‏ من مكوناك(صفاية,ألويب ( النصوص - الارتباط التشعبى - الصوت - الصوره - الفيديو ) 
© ( ب) أكتب المصطّلح العلملى ؛ 
-١ ٨‏ هى لغة تكويد تستخدم لإنتاع صفحات الويب الثابته . 
؟"- من مراحل انشاء موقع الو يتم رسم“تخطيطى بسيط على الورق لصفحات الويب . 
١|‏ "- صفحه ويب أو أكثر مرتبطه مع بعضها|البعضوؤيتم زيارته من خلال عنوان معين . 
ك السؤال الثالث : اكتب اسم المرحله لانشاء,شفحة ويب : 
-١ 2‏ تحويل التصميم الى صفحات ويب NW. TS‏ 
2 "- حجز عنوان للموقع وذلك بحجز مساحه تخزينية علق أحد أجهزة الخادم لنشر الموقع 
السؤال الرابع : ( أ) إشرح ما هو المقصود بالاكواد التالية : 
<body bgcolor = yellow" >‏ -1 
<bgsound sre= " Egypy.mp3 " >‏ 
<embed sf = " internet.avi " >‏ 
< 4 / > وزارة التربية والتعليم > <a herf =lhttp://www.moe.q0V.eq‏ 
<imp,src =/"school.jpg " align="right " > 5‏ 
© ( ب) قارن بين الاتى : 
. ١-قارن‏ بين ملف الصوت ذو الامتداد ۷۸۷ وملف الصوت ٥3‏ من حيث المساحة التخزينية والملائمة 
للنشر عبر الانترنت . 
"- تصديد ملف باستخدام برنامج /[8101013©11 وتصدير مشروع باستخدام برنامج 51901 061 باستخدام 
القوائم . 
"- قارن بين استخدام زر + فى الشريط الرئيسى 1001121 1/1311 واستخدام زر + فى شريط التحرير 011] 
toolbar‏ . 
© أعداد : الاستاذة آماله 


الصف الثانى الاعدادى | الفصل الدراسى الاول 
إدارة التحرير التعليمية بالبحيرة 

ظ امتحان الفصل الدراسى الاول للصف الثانى الاعدادى 

“" السؤال الاول : أجب عن الاسئلة التالية : 

. اذكر مراحل انشاء ملف الصوت‎ -١ 

۲- اكتب الكود الازم لجعل عبارة " تحيا مصر " بخط باللون الاحمر وحجم خط ؛ . 

“- المرخلة الاولئ والثالثة من مراحل التصميم وانشاء موقع ويب 

؛- فسر الكوڭ الثالى > " <body bgcolor = " Green‏ 

ه- الفرق بين ملفات الصوت من النوع 1/13 و ۷۸۷ من حيث الجودة والسعة التخزينية 

"- اكتب الكود الازم لوضع كشورة داخل صفحة الويب باسم ومز.ام رو٤‏ 

< Embed src = " 1216226: avi "92 فسر الكود التالى‎ -۷ 


© السؤال الثانى : اختر الاجابة الصنحيكة كن بين الاقواس : 
١ |‏ صفحة معلومات تعرض محتوى/يتيحللزائرينالاعل معه ومعالجته 
( الصفحة الرائيسية - الصفحة التفاعلية - الصفحة الثابتة - صفحة الويب ) 
۲ أمر فى لغة 1۲11 يستخدم لجعل الخط عريض )> b > - &nbsp; - <a> - <U‏ <( 
۳۔ من التاثيرات فى برنامج y†اcھd‏ ں۸ تستخدم فى عكس بداية المقطع مع نهايته 
Effect - Repeat Reverse )‏ - كل ما سبق ) 
4 - عند حفظ الملف النصى الذى يحتوى على أوامر 1۲11 يكؤن بامتداة 
him -00©(‏ - 11 - كل ما سبق ) 
ه- فى برنامج 061151701 لعمل انقسام فى الكليب الذى على المسار الىبشترحتين مع ابقاء الشريحة التى 
باليمين فقط وحذف اليسرى نختار أمر 
both 5|106 - keep ١1غ‎ slide - keep right slide )‏ م66»! - لا شى مما سبق ) ١‏ 
فى اضافة ارتباط تشعبى فى لغة 11۲11 ظ 
(<b>: > ١ < - <a> - > U>)‏ 
۷ لتغير محاذة الصورة ليقع النص بمحاذة منتصف الصورة نستخدم الخاصية 21101 وتغيير قيمتها الى 
Button - Top - Middle - Right )‏ ( 
۸۔ لحذف التاثير فی برنامج 06151101 نختار أمر من القائمة المختصرة على رمز 
التاثير . ) effect - remove effect - Delete effect‏ اde‏ - لا شی مما سبق ) 


© أعداد : الاستاذة آمال مصطة 


۳ ) الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
© الصف الثانى الاعدادى الفصل الدراسى الاول 
© السؤال الثالث : أكتب ١‏ للتعريفات التالية : 
ظ -١‏ من مكونات برنامج 061051104 لقراءة الكليب الحالى الذى يقف عليه فى الشريط الزمنى . 

۲- أمر فى لغة 111011] يستخدم فى التحكم فى وضع العبارات على أكثر من سطر 

- أول صفحة بموقع الويب والتى من خلالها يتم الانتقال لباقى صفحات الويب 

؛- خاصية تستخدم للتحكم فى نوع الخط داخل صفحة الويب فى لغة 71/11 !ا 

ف آمر فالغة 1711 يستخدم فى اضافة عنوان الى صفحة الويب 

5 إتشيه الطبقات 1/5ع/إ3 1 حيث يتم وضع صورة أو صوت أو لقطة الفيديو عليها فى برنامج 6/1 م/|© 


shot 
مرحلةإفن مراحل تصميم وانشاء موقع ويب يتم فيها تحويل التصميم الى صفحات ويب‎ -۷ 


© السؤال الرابع : أختر ارق من العمود ( الأول ) مع الحرف المناسب من العمود ( الثا ت 
امورل بيه : 
ًَ تك خاصية تستخدم لوضع صورة خلفية لصفحة اليد Java Script ES‏ 5 


مكان على شبكة الانترنت يتكون من صفحة أو أكثر ويتم زيارته HTML‏ عد 
من خلال عنوان معين م 


ع 2 لغة تستخدم لتحويل صفحة الويب الى تفاعلية —— WebSite‏ 0 7 
هك مس عه : 
ع من مكونات واجهة برنامج 51901 0617 تستخدم فی اظهار ج- Background‏ ۳ 
1ت 7 ___لازة 
سفن 101101 لوضع نص فى تد ت | د اوم | 
السؤال الخامس : أكمل ما يلى : : 


-١‏ لغة الترميز 1۲11 هى لغة تطويد لانشاء صفحات ويب ...مم والتى يتم عرضها باستخدام أحد 


برامج مستعرضات الانترنت 


5 أ أعداد : الاستاذة امال 


تر وتكتولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
؛- من ضمن اجراءات مرحلة نشر الموقع عبر الانترنت 
° أنواع الارتباط التشعبى هى ارتباط تشعبى على 
5- لبدء التسجيل الصوتى فی برنامج اء d‏ ں۸ الضغط على زر 


إدارة ابو تشت التعليمية 


١‏ امتحان الفصل الدراسى الاول للصف الثانى الاعدادى 
ك السؤال الأول :“أختر الاجابة الصحيحة من بين القوسين : 
-١‏ برنامجرلاآc‏ ھل ں۸ لانشاء ومعالجة الصوت يتميز ب o‏ 
( يعمل على أنظمة تشغيل 1!70101//5/الا - × ںہ اا - برنامج مفتوح المصدر - برنامج مجانى - كل ما سبق 
( 
لوضع خط تحت الكتابة نختان الام ) > <title > - <be> - <u> - <Body‏ ( 
عبارة عن صفحة ويب ٥‏ وهم ط٥‏ أو أكثر مرتبطين معاً تحت اسم معين 
( الصفحة الرئيسية اموقع الويب - صفحات الويب الثابتة - صفحات الويب التفاعلية ) 
يجب حفظ ملف أوامر 1۲011 بامتداد ) (.Excel - .jpg - .htm - .DocX‏ 
-٥‏ يستخدم لانشاء ومعالجة ملفات الفيديو ويسمح باضافةإمتختلف“التاثيرات 
Audacity - Open shot —- New Project - Linx ) 2‏ ) 
* السؤال الثانى : ضع علامة صح أمام العبارة الصحيحة وعلامة خظأ أمام العبارة الخطأ : 
١‏ لاضافة صورة لصفحة الويب نستخدم الامر < وصز> 
"١‏ - التخيط لبناء موقع الويب يتطلب رسم تخطيطى على ورق لصفحة الموقع 
“- لتصدير ملف الفيديو افتح قائمة ە‌Fil‏ واختر Export Video‏ 
؛- برنامج معالجة الصوت لا يسمح باضافة التاثيرات لى المقاطع الصوتية 
| ه- صفحة الويب الثابتة هى صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل مه ومعالجته 
السؤال الثالث : ضع الكلمات الاتية فى مكانها المناسب : 
م ( الصفحة الرئيسية - 111011] - الارتباط التشعبى - Open shot - Audaciİ†y‏ - تكتب بلغة 17011 - صفحة الويب التفاعلية ) 
-١‏ برنامج .00000060 ................... يسمح بتجميع ملفات الصور والصوت ودمجها فى مشروع واحد . 
هى أول صفحة بموقع الويب والتى من خلالها يتم الانتقال لباقى صفحات الموقع . 
۳- من خصائص صفحة الويب الثابتة 
هو نص أو صورة فى صفحة الويب عند الضغط عليه ينتقل الى مكان آخر فى 


١‏ أده 
الصف الثانى الاعدادى الفصل الدراسى الاول 


. تستخدم لغة فى انشاء صفحات الويب الثابتة‎ -٥ 
إدارة منيا القمح التعليمية‎ 


40 0 


4 امتحان الفصل الدراسى الاول للصف الثانى الاعدادى 
© السؤال الاول : رتب المراحل الاتية لتصميم وانشاء مو 
5 )الاعداد والتجهيز لصفحات الويب 
) مرالة,تنفيذ صفحات الويب 
) نشر الشوقع عبر الانترنت 
) التخطيط لبنناء الوقع 
م ) تصميم صفحات الويب#الخاصة بالموقع 
ع السؤال الثانى : ضع الكلظة المنائتبة فى مكان مناسب : 
Cut - HTML - Notebad Open shot — Export video )‏ ( 
من أشهر برامج تحرير ومعالجة الفيديو مفتوحة المصدر. 
- لتصدير مشروع من القائمة ۴٥‏ أضغط على 
۳- لغة الترميز .مم فى لغة تكويد تستخدم فىرأنشياء صفحات موقع الانترنت الثابتة 
-٤‏ يفضل كتابة أوامر 1۲011 باستخدام برنامج .............. لاه ييحفظ الملف كملف نصى 
© 0 لقص مقطع صوتى ولصقه فى مكان أخر نحدد الموقع ثم نختار أمر من قائمة 2011. 
ت السؤال الثالث : ضع علامة صح أمام العبارة الصحيحة وعلاملة خطأ أمام العبارة الخطأ : 
-١ ًّ‏ برنامج معالجة الصوت يسمح بأنشاء ملف الصوت ولا يسمح بحفظ(الملفف 
؟"- صفحة الويب الثابتة هى صفحة معلومات لعرض محتوى للزائرين للتفاعل مع ومعالجته 
"- برنامج 51101 061 برنامج مغلق المصدر ويعمل بنظام تشغيل ويندوز 
4 - لغة الترميز تستخدم لانشاء صفحات موقع الانترنت التفعلية 
١‏ الكود الخاص بمحتوى صفحة الويب يكتب بين بداية ونهاية الامر < ل80 > 
© السؤال الرابع : أشرح المقصود بالاكواد التالية فى لغة H171‏ : 
<bgground src = "Egypt.mp3 " > -\ 5‏ 
<img src = "school.png'"'> -"‏ 
<title > My school </title > -"‏ 
<body bgcolor="green'"'> -‘‏ 


<font="andalus'"'> -° 


أعداد : الاستاذة آمال مصطة 


تر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 


إدارة أجا التعليمية 


امتحان الفصل الدراسى الاول للصف الثانى الاعدادى 
ع السؤال الاول : ضع علامة صح أمام العبارة الصحيحة وعلامة خطأ أمام العبارة الخاطنة : 
-١‏ فىبلغة 1۲001 المنطقة الخاصة بكتابة محتوى صفحة الويب هى 806 
"-/|الارتباط التشعبئ قد ينقلك الى صفحة آخرى 
۳- المرحلة الثالثة“من مراحل تصميم الموقع هى مرحلة التصميم 
؛- يتميز الصوت بالامتداد 1۲3 بأنه أعلى جودة من الامتداد اج 
© 5 فى برنامج 61151101 0إيمكن أضافة نص الى مشاهد الفيديو 
(ب) أكتب المصطلح/الظلّمى الال على كل عبارة مما يلى : 
-١ ًّ‏ أمر من قائمة ملف ۴|٥‏ _يستخدم لتصدير ملف الصوت. 
"- من مكونات نافذة البرنامج 51901 061 ويتم#توزيع طبقات الصور بها . 
"- أول صفحة فى موقع الويب ويتم من خلالهاهالانتقال لباقى صفحات الموقع . 
4- مرحلة من مراحل تصميم الموقع يتم خلالها إنشاء الارتباطات التشعبية . 
-٥‏ الامر المستخدم فى التحكم فى تنسيق الخطوط فى صفحية الويب . 
السؤال الثانى : أ ) أختر الاجابة الصحيحة مما بين القوسين : 
-١‏ صفحة الويب ...ممم فى صفحة تستخدم تصميمهاإلغة 11011 بالاضافة الى لغات أخرى 
( الثابتة - المستعزض / التفاعلية - الارتباط التشعبى ) 
؟- مرحلة .........................٠‏ يتم فيها توفير الملفات النصية والصوتية والضور والفيديو وحفظها فى 
( التنفيذ - النشر - التخطيط - الاعداد والتجهيز ) 
۳- لقص جزء من مقطع الصوت اختر الامر من قائمة تحريرا 2011 . 
Copy - Cut - Delete - Paste )‏ ( 
4 - فى برنامج 51101 Open‏ الامر ...مم بعد تنفيذه يتم الابقاء على الشريحة اليمنى فقط 
(Keep left slide - keep Both slide - keep Right slide — Effect )‏ 
ج 5 تحفظ الملفات المكتوبة بلغة 171 بالامتداد ) 5اا - (Docx - Jpg - HTML‏ 
۾ ( ب ) أكمل العبارات الاتية بالكلمة المناسبة : 
2 الميكروفون - النشر - ©7181 - المسطرة - Web Aduress‏ 
-١‏ موقع الويب له عنوان على شبكة الانترنت يسمى 


© أعداد : الاستاذة آمال مصطة 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
الصف الثانى الاعدادى الفصل الدراسى الاول 
؟"- المرحلة الاخيرة من مراحل تصميم الموقع 


۳- لانشاء ملف الصوت يتم قراءة البيانات النصية وادخالها باستخدام 
تظهر المدى الزمنى الحالى بالشريط الزمنى 
ْ ه الأمر ........................ يستخدم لاضافة عنوان لصفحة الويب داخل ملف 17١11‏ 
ت السؤال الثالث : (أ) عرف كلا من 
١«فوقع/الويت‏ 
. ؟"-/#صفحة الوييث الثابتة 
5 ( ب ) أكتب.القود اللازم لتنفيذ الاتى : 
-١‏ تغيير لؤن خلفيلة الصفحة الى اللون الاخضر 61©©/1. 
؟- تغيير اتجاه الصفححة من اليمين الى اليسار . 
۳- وضع خط تحت النط#كلناً نحب مصر " 


أعمعظدايهجة؟ آمال مصطفى 


مع خالص تحياتى الاستاذة 
آمال مصطفى 
جروب برمجيات امال مصطفى فى الحاسب الالى 


أعداد : الاستاذة آماله 


